﻿<template>
  <el-form :inline="true" :model="queryData">
    <el-form-item>
      <el-select v-model="value" class="mr-1" placeholder="选择完成状态">
        <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
        >
        </el-option>
      </el-select>
    </el-form-item>
    <el-form-item>
      <el-button type="primary">查询</el-button>
    </el-form-item>
    <el-form-item>
      <el-button>重置</el-button>
    </el-form-item>
  </el-form>
  <AutoTable class="mb-2" :table-data="tableData" :columns="columns">
    <template #handle="scope">
      <el-button size="small" type="primary" @click="$router.push('/train_manage/online_answer_desc')">详情</el-button>
    </template>
  </AutoTable>
</template>

<script setup>
// import {
//   Search,
//   Edit,
//   Check,
//   Message,
//   Star,
//   Delete,
//   ArrowLeft,
//     Upload,
//   ChatDotRound
//
// } from '@element-plus/icons-vue'
import {computed, ref} from 'vue'

const value = ref('')

const options = [
  {
    label: '培训中心',
    value: '1',

  },
  {
    label: '未完成',
    value: '2',

  },
  {
    label: '已完成',
    value: '3',

  },

]
let queryData = {}


import AutoTable from '@/components/AutoTable/index'

const tableData = [
  {
    name: 'xx',
    age: 20,
    date: '2020-15-55'
  },
  {
    name: 'xxhh',
    age: 28,
    date: '2020-15-55'
  },
]
const columns = [
  {
    prop: 'name',
    label: '培训类型',
  },
  {
    prop: 'age',
    label: '培训方式',
  },
  {
    prop: 'date',
    label: '活动名称',
  }, {
    prop: 'date',
    label: '负责人',
  }, {
    prop: 'date',
    label: '计划培训时间',
    width: 220,
  }, {
    prop: 'date',
    label: '创建时间',
  },
  {
    label: '操作',
    tdSlot: "handle",
    tooltip: false,
    width: 90,
    // 自定义单元格内容的插槽名称
  },
]
</script>

<style lang="scss" scoped>

</style>
